// 表单控件尺寸
$xs-input-height: 24px;
$sm-input-height: 26px;
$md-input-height: 30px;
$lg-input-height: 36px;
$xl-input-height: 40px;

$input-height-map: (
  xs: $xs-input-height,
  sm: $sm-input-height,
  md: $md-input-height,
  lg: $lg-input-height,
  xl: $xl-input-height,
);

$default-font-size: 12px;
$default-title-font-size: 16px;
$sm-title-font-size: 14px;
$lg-title-font-size: 20px;

// 主色
$primary-color: #e22e33;
// 成功
$success-color: #43b52c;
// 提示
$info-color: #0a67b0;
// 警告
$warn-color: #ffa126;
// 危险
$danger-color: #e22e33;
//背景颜色
$background-color: #f2f2f2;
//白色
$background-white-color:#ffffff;

// 主题颜色map
$theme-colors: (
  "primary": $primary-color,
  "success": $success-color,
  "info": $info-color,
  "warn": $warn-color,
  "danger": $danger-color,
);

// 默认文字颜色
$text-color: #262626;
// 文字次色
$text-secondary-color: #585858;
// 文字辅助色
$text-help-color: #989898;
// 文字链接色
$text-link-color: $info-color;
// 文字警告色
$text-warn-color: darken($warn-color, 7%);
// 文字成功色
$text-success-color: $success-color;
// 文字突出色
$text-highlight-color: $primary-color;
// 文字placeholder色(用于input)
$text-placeholder-color: #b8b8b8;


// 基础间隙
$base-gap-of-x: 8px; // x轴的基础间隙
$base-gap-of-y: 10px;  // y轴的基础间隙

$default-margin: 8px;
$default-padding: 8px;

$text-font-size: 12px;

$title-lg-font-size: 20px;
$title-font-size: 16px;
$title-sm-font-size: 14px;

$select-height: 26px;

$panel-header-height: 38px;
$panel-padding: 20px;
$panel-margin: 20px;

$input-normal-border-width: 1px;
$input-xl-height: 40px;
$input-lg-height: 36px;
$input-normal-height: 30px;
$input-sm-height: 26px;
$input-xs-height: 24px;
$font-size: 12px;
$input-padding-x: 10px;

$space-of-segments: 10px;
// 水平间隙以10作为基础间距
$space-h-sm: 10px;
$space-h-md: 2 * $space-h-sm;
$space-h-lg: 3 * $space-h-sm;

// 纵向间距以8px作为基础间隙
$space-v-sm: 8px;
$space-v-md: 2 * $space-v-sm;
$space-v-lg: 3 * $space-v-sm;

$table-th-height: 40px;
$table-td-height: 38px;
$table-th-font-size: 13px;

$time-line-padding: 20px;
$time-line-round-width: 13px;
$time-line-round-height: 13px;





// 默认边线颜色
$border-color: #d5d5d5;
// 突出边线色
$strong-border-color: #cccccc;
// 内容分割线
$content-border-color: #e2e2e2;
// 模块分割线
$module-border-color: #e8e8e8;

// 图标默认色
$icon-gray-color: #888888;

//disabled 颜色
$disabled-background-color: #f1f1f1;
$disabled-border-color: #ddd;

// 链接色
$link-color: #0a67b0;

// hover时颜色加深的百分比
$hover-darken-percent: 10%;
$active-darken-percent: 10%;

//panel 主题
$panel-default-color: #f2f2f2;
$panel-hover-border-color: #f3999b;
$panel-hover-box-shadow: rgba(243, 153, 155, 0.35);

// input 主题颜色
$input-normal-border-color: #c8c8c8;
$input-normal-color: #b4b4b4;
$input-active-border-color: #e22e33;
$input-disabled-border-color: #ddd;
$input-disabled-background-color: #f1f1f1;
$input-shadow-border-color: #c2e3ff;

// 日期控件样式npm
$datepicker-normal-color: #262626;
$datepicker-gray-color: #b4b4b4;
$datepicker-selected-background-color: #ffe0e0;
$datepicker-selected-border-color: #ffe0e0;
$datepicker-hover-color: #ffe0e0;
$datepicker-date-icon-color: #277cbd;
$datepicker-header-hover-color: #e22e33;

// 表格组件样式
$table-head-bg: #f2f2f2;
$table-border-color: #d5d5d5;
$table-cell-border-color: #e2e2e2;
$table-tr-hover-bg: #fff6ee;


// 时间轴样式
$time-line-active-color: #e7373a;
$time-line-active-border-color: #f7ddde;
$time-line-normal-color: #d9d9d9;
$time-line-white-color: #fff;
$time-line-important-color: #262626;
$time-line-gray-color: #888888;

// row/col 不需要padding和margin
$grid-gutter-width: 0;

// 页签样式
$rc-tabs-bar-height: 40px;

// bar样式
$bar-height: 40px;
$bar-background-color: #f2f2f2;

// button样式
$button-white-color: #fff;
$button-disabled-color: #c4c4c4;

$dropdown-z-index: 900;
$modal-z-index: 999;
